layui.define(['jquery', 'table', 'form'], function (exports) {
    var $ = layui.jquery,
        table = layui.table,
        form = layui.form;

    $.menu = {
        queryList: function () {
            var pageCurr;
            table.render({
                elem: '#test',
                url: path+'/api/showMenuList',
                toolbar: '#toolbarDemo',
                cellMinWidth: 80,
                method: 'post', //默认：get请求
                page: true,
                cols: [[
                    {
                        type: 'checkbox',
                        fixed: 'left'
                    },
                    {
                        field: 'id',
                        title: 'ID',
                        fixed: 'left',
                        sort: true
                    },
                    {
                        field: 'name',
                        title: '菜单名称',
                        align: 'center'
                    },
                    {
                        field: 'url',
                        title: '菜单路径',
                        align: 'left'
                    },
                    {
                        field: 'picture',
                        title: '菜单图标',
                        align: 'left'
                    },
                    {
                        field: 'sortId',
                        title: '菜单排序',
                        align: 'left'
                    },
                    {
                        field: 'parentName',
                        title: '父级菜单',
                        align: 'center'
                    },
                    {
                        field: 'level',
                        title: '菜单级别',
                        align: 'center',
                        templet: function (d) {
                            if(d.level=='1'){
                                return '一级';
                            }else if(d.level=='2'){
                                return '二级';
                            } else {
                                return '顶部';
                            }
                        }
                    },
                    {
                        field: 'type',
                        title: '菜单类型',
                        align: 'center',
                        templet: function (d) {
                            if(d.type=='0'){
                                return '后台';
                            }else {
                                return '前台';
                            }
                        }
                    },
                    {
                        field: 'right',
                        title: '操作',
                        toolbar:"#barDemo"
                    }
                ]],
                done: function(res, curr, count){
                    pageCurr=curr;
                }
            });
        },
        edit:function(data){
            $('input[name=id]').val(data.id);
            $('input[name=name]').val(data.name);
            $('input[name=url]').val(data.url);
            $('input[name=sortId]').val(data.sortId);
            $('input[name=picture]').val(data.picture);
            $('select[name=parentId]').val(data.parentId);
            $('input:radio[name=level][value=0]').attr("checked",data.level==0?true:false);
            $('input:radio[name=level][value=1]').attr("checked",data.level==1?true:false);
            $('input:radio[name=level][value=2]').attr("checked",data.level==2?true:false);
            $('input:radio[name=type][value=0]').attr("checked",data.type==0?true:false);
            $('input:radio[name=type][value=1]').attr("checked",data.type==1?true:false);
            form.render();
        },
        listMenu:function(){
            $.post(
                path + '/api/showMenu',
                function (data) {
                    $("select[name=parentId]").html('<option value="">请选择</option>');
                    $.each(data,function(index,element){
                        var html='<option value='+element.id+'>'+element.name+'</option>';
                        $("select[name=parentId]").append(html);
                    });
                }
            );
        },
        cleanForm: function () {
            $('input[name=id]').val('');
            $('input[name=name]').val('');
            $('input[name=url]').val('');
            $('input[name=picture]').val('');
            $('input[name=sortId]').val('');
            $('select[name=parentId]').val('');
            $('input:radio[name=level][value=0]').attr("checked",false);
            $('input:radio[name=level][value=1]').attr("checked",false);
            $('input:radio[name=level][value=2]').attr("checked",false);
            $('input:radio[name=type][value=0]').attr("checked",false);
            $('input:radio[name=type][value=1]').attr("checked",false);
            form.render();
        }
    };

    $(function () {
        $.menu.queryList();
        $.menu.listMenu();
        $(".type").hide();
    });

    form.on('radio(level)', function(data){
        if(data.value==2){
            $(".type").show();
        }else {
            $(".type").hide();
        }
    });
    /**
     * 导入对应的JS模块
     */
    exports('menu', {}); //注意，这里是模块输出的核心，模块名必须和use时的模块名一致
});